* {
    margin: 0;
    padding: 0;
}

// 变量
@asideColor: #545c64;
@headerColor: white;
@mainColor: white;
@fontColor: white;
@ActiveColor: #ffd04b;

.app_aside {
    width: 250px;
}

.el-aside {
    height: calc(100vh - 60px);
    background-color: @asideColor;
}

.el-menu {
    width: 255px;
}

.el-main{
    padding: 10px;
    
}

.app_header {
    background-color: @headerColor;
    display: flex;
    padding: 0;
    .app_title {
        width: 250px;
        height: 60px;
        background-color: @asideColor;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        font-weight: bold;
        color: @fontColor;
        
    }
}

.app_main {
    background-color: @mainColor;
    // background-color: pink;
}

::-webkit-scrollbar {
    width: 5px;
    height: 0px;
    background-color: @asideColor;
}


::-webkit-scrollbar-thumb:vertical {
    background-color: @ActiveColor;
    border-radius: 4px;
}